@charset "utf-8";

body { margin:0; padding:0; color:#787878; font:12px "", dotum, AppleGothic, Sans-serif; text-align:center; }
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress { margin:0; padding:0; }
table, th, td { font-size:12px; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, ol, li { margin:0; padding:0; list-style:none; }
a { color:#787878; text-decoration:none; }
a:hover { text-decoration:underline; }
em { font-style:normal; }
img { vertical-align:middle; }
img, fieldset { border:none; }
hr, legend { display:none; }
input, textarea { color:#787878; font:12px "", dotum, AppleGothic, Sans-serif; }
textarea {padding:7px;}
input { vertical-align:middle; width:120px; height:12px; margin-top:0px; }
.input30 {width:30px; height:15px;}  /*우편번호 입력박스*/
.input35 {width:35px; height:15px;}  /*전화번호 입력박스*/
.input60 {width:60px; height:15px;} /*환불시 계좌번호*/
.input100 {width:100px; height:15px;}
.input150 {width:150px; height:15px;}  /*이름 입력박스*/
.input200 {width:200px; height:15px;}  /*이메일 입력박스*/
.input250 {width:250px; height:15px;}  /*주소 입력박스*/

.check { width:15px; height:15px; margin:-2px 0 0; vertical-align:middle; }
.radio { width:12px; height:12px; margin:-2px 0 0; vertical-align:middle; }

#wrap { position:relative; width:600px; height:100%; margin:0 auto; padding:0;}

/* 헤드부분 */
#real_header {position:relative; width:600px; height:49px; padding:19px 0px 0px 0px;}
#real_hnavi {position:relative; width:600px; height:37px;}
#real_htitle {position:relative; float:left; margin-right:35px;}
#real_hmenu {position:relative; float:left; width:330px; height:29px;}
#real_hmenu ul {list-style:none; padding:0; margin:0;}
#real_hmenu li {display:inline;}
#real_hblank {position:relative; width:600px; height:19px; background:url(/Ara/images/line.gif) 3px 0px no-repeat;}

/* 컨텐츠부분 */
#real_contents {position:relative; width:600px;}

/* 컨텐츠부분 - setp01번*/
#real_step01 {position:relative; width:600px; height:252px; margin-top:10px;}
#step01_small {position:relative; float:left; width:270px; height:227px; margin:4px 5px 0px 13px;}
#step01_date {position:relative; float:left; width:270px; height:21px; padding-top:10px; background:#587cb9;}
#step01_date img {margin-top:-2px;}
.date_table {float:left; width:250px; height:17px; margin-bottom:4px;}
.Year{font-size:12px; color:#b2cfff;}
.Month{font-size:12px; color:#fff;}
.Year_B{font-size:14px; color:#000;}
.Month_B{font-size:14px; color:#007cc9;}

#step01_smallblank {position:relative; float:left; width:9px; height:247px; padding-top:6px;}
#step01_smalldate {position:relative; float:left; width:310px; height:247px; margin-top:7px;}

/*작은달력형속성값*/
.caltable {float:left; width:270px; color:#222; border:1px solid #587cb9; padding:1px;}
.caltable th{height:32px; color:#666; font-weight:normal;}
.caltable td{height:30px; background:#f5f5f5; border:1px solid #fff;}
.caltable .border_Rno{border-right:none;}
.caltable .border_Bno{border-bottom:none;}
.caltable .cursorhand{cursor:hand;}
.caltable .sunday{color:#c90000;}
.caltable .saturday{color:#0000d0;}
.caltable .today{font-weight:bold; background-color:#b3d9ff;}
.caltable .full{background-color:#4673be; color:#fff;}
.caltable .some{background-color:#b8b8b8;}

/*큰달력형 속성값*/
#okdate_text2 {position:relative; width:585px; height:48px; padding:8px 0px 0px 25px; margin:15px 0px; background:url(/Ara/images/res_tbg.gif) left top no-repeat; font-size:12px; font-weight:bold; color:#666; text-align:left; line-height:22px;}
#big_calendar{position:relative; width:600px; background:url(/Ara/images/mon_t.gif) left top no-repeat; padding-top:10px;}
#big_date{position:relative; width:582px; padding:10px 9px 0px 9px; background:url(/Ara/images/mon_bg.gif) left top repeat-y;}
.big_date td{border-bottom:1px solid #d8d8d8;}
#big_date img{margin-top:-3px;}
.icon_type{position:relative; text-align:right; width:582px; padding:20px 9px 0px 9px; background:url(/Ara/images/mon_bg.gif) left top repeat-y; font-size:11px; color:#000;}
.icon_type img{margin-top:-3px;}
.icon_type2{position:relative; text-align:right; width:582px; height:92px; padding:0px 9px 0px 9px; background:url(/Ara/images/mon_b.gif) left top no-repeat;}

#calendar_cell{position:relative; width:582px; padding:10px 9px 0px 9px; background:url(/Ara/images/mon_bg.gif) left top repeat-y;}
.big_caltable, .big_caltable2 {position:relative; width:582px;}
.big_caltable th{height:30px; color:#7f9343; border-bottom:1px solid #ddd;}

.big_caltable2{border-left:1px solid #ddd;}
.big_caltable2 td{color:#000; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.big_caltable2 td *{border:none;}
.big_caltable2 .border_Rno{border-right:none;}
.big_caltable2 .border_Bno{border-bottom:none;}

.day_caltable {position:relative; width:81px; margin:3px 0px;}
.day_caltable td{position:relative; width:81px; height:22px; padding-left:3px; padding-top:3px; text-align:left;}
.day_caltable img{margin-top:-3px;}
.day_caltable .sunday{color:#ff6600; text-align:center;}
.day_caltable .day{color:#000;}
.day_caltable .selectday{color:#6a6a6a; font-weight:bold;}
.day_caltable .saturday{color:#0080ff;}
.day_caltable .borderBno{border-bottom:none;}

#paytable_navi {position:relative; width:100%; height:26px; display:inline-block; border-bottom:1px solid #dddddd;}
#paytable_navi ul {padding-left:10px;}
#paytable_navi li {float:left; margin:0px 2px; padding: 4px 7px 2px 7px; background:#dfdfdf;}

/***************** Tab css(객실요금표) *****************/
#trfelement_navi {position:relative; width:571px; display:inline-block; margin:10px 15px 0px 14px; border-bottom:1px solid #f7f7f7;}
#trfelement_navi ul {padding-left:10px;}
#trfelement_navi li {float:left; margin:0px 2px; padding: 4px 7px 2px 7px; background:#f8f8f8;}

#trfelement_navi li.on {float:left;  padding: 4px 7px 2px 7px; background:#005db2;}
#trfelement_navi li.on a {color:#fff;}

/*#trfelement_box {clear:both; position:relative; width:100%; padding: 10px 0px 0px 0px;}*/
/***************** Tab css(객실요금표) *****************/




#real_bigstep02{position:relative; width:600px;}
#bigdate_title{position:relative; width:586px; text-align:left; margin:19px 0px 10px 0px;}
#bigdate_dateL{position:relative; float:left; width:10px; height:31px; margin-left:5px; background:url(/Ara/images/da_left.gif) left top no-repeat;}
#bigdate_date{position:relative; float:left; width:556px; height:22px; padding:9px 0px 0px 10px; background:url(/Ara/images/da_bg.gif) left top repeat-x; text-align:left; color:#fff;}
#bigdate_dateR{position:relative; float:left; width:10px; height:31px; background:url(/Ara/images/da_ri.gif) left top no-repeat;}
#bigdate_title2{clear:both; position:relative; width:586px; text-align:left; padding-top:25px;}
#bigdate_text{position:relative; width:586px; height:35px; margin:10px 0px 0px 5px; padding-top:7px; border:1px solid #ddd;}
#big_roomprice{position:relative; width:561px; display:inline-block; margin:0px 15px 0px 14px; padding:5px; background-color:#f7f7f7;}
#bigdate_etcprice1{position:relative; width:586px; text-align:left; margin:5px 0px 0px 14px;}
#bigdate_etcprice2{position:relative; width:586px; text-align:left; margin:5px 0px 0px 20px;}

#smalldate_img {position:relative; float:left; margin:0px 0px 17px 5px; text-align:left;}
#smalldate_date {clear:both; position:relative; width:298px; height:25px; text-align:left; margin-left:5px; color:#666;}
#smalldate_select{position:relative; width:298px; height:31px; margin:0px 0px 10px 5px;}
#smalldate_selectL{position:relative; float:left; width:10px; height:31px; background:url(/Ara/images/da_left.gif) left top no-repeat;}
#smalldate_selectC {position:relative; float:left; width:278px; height:15px; text-align:left; padding:10px 0px 6px 0px; background:url(/Ara/images/da_bg.gif) left top repeat-x; color:#fff;}
#smalldate_selectR{position:relative; float:left; width:10px; height:31px; background:url(/Ara/images/da_ri.gif) left top no-repeat;}
#smalldate_text {clear:both; position:relative; text-align:left; line-height:140%; width:284px; height:32px; padding:7px; margin-left:5px; background-color:#f7f7f7; color:#333;}
#smalldate_imgbox {position:relative; float:left; width:86px; height:32px; margin-top:7px; margin:7px 0px 7px 6px;}
#smalldate_season {clear:both; position:relative; text-align:left; width:298px; margin-top:7px; margin-left:5px; }

/* 컨텐츠부분 - setp02번*/
#real_step02{position:relative; width:600px;}
#step02_okdate{position:relative; width:589px; display:inline-block; margin-left:11px;}
#okdate_date {position:relative; float:left; width:121px; height:21px; margin-top:5px;}
#okdate_text {position:relative; text-align:left; float:left; width:468px; height:22px; margin-top:5px; padding-top:7px;}
#okdate_text1 {position:relative; width:571px; height:26px; margin:9px 15px 0px 14px; padding:8px 0px 8px 0px; border:1px solid #ddd;}

.step02_roomprice{position:relative; width:589px; display:inline-block; border-top:2px solid #005db2;}
#step02_etcprice{clear:both; position:relative; width:600px;}
#etcprice_title {position:relative; width:589px; text-align:left; margin-left:11px; margin-top:3px;}
#etcprice_list {position:relative; width:589px; text-align:left; margin-left:11px; margin-top:4px;}
#step02_next {position:relative; width:568px; text-align:right; height:27px; margin-left:11px; margin-top:9px; padding-right:21px; padding-bottom:15px;}


/*객실가격테이블*/
.price_table {float:left; width:587px; border-top:1px solid #cecdc6; border-left:1px solid #cecdc6; border-right:1px solid #cecdc6;}
.price_table th{height:23px; color:#6a6a6a; background-color:#f8f8f8; border-bottom:1px solid #cecdc6; border-right:1px solid #cecdc6; font-weight:normal;}
.price_table td{height:28px; background-color:#FFF; border-bottom:1px solid #cecdc6; border-right:1px solid #cecdc6;}
.price_table .roomname{text-align:left;}
.price_table .border_Rno{border-right:none;}
.price_table .border_Bno{border-bottom:none;}


/* 컨텐츠부분 - setp03번*/
#real_step03{position:relative; display:inline-block; width:600px; margin-top:20px;}
#step03_title{position:relative; float:left; width:118px; height:29px; margin:0px 16px 0px 14px;}
#step03_content{position:relative; width:568px; display:inline-block; margin:0px 16px 0px 14px; border-top:2px solid #005db2;}
.pricecheck {float:left; width:568px; border:1px solid #ddd;}
.pricecheck td{ height:30px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.pricecheck .title_td{background-color:#f8f8f8;}
.pricecheck .con_td{background-color:#FFFFFF; text-align:left; padding-left:5px;}
.pricecheck .st07_td{background-color:#fff; text-align:left; line-height:140%; padding:22px 21px 24px 11px; border-right:none; border-bottom:none;}
.pricecheck .addname_td{background-color:#FFFFFF; height:65px; line-height:130%; text-align:left; padding-left:5px;}
.pricecheck .border_Rno{border-right:none;}
.pricecheck .border_Bno{border-bottom:none;}
#step03_blank{position:relative; width:568px; height:11px; margin:0px 16px 0px 14px;}
.step03_total{position:relative; width:568px; display:inline-block; border-top:2px solid #005db2;}
.pricecheck_ok {float:left; width:568px; border:1px solid #ddd;}
.pricecheck_ok td{ height:30px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.pricecheck_ok .title_td{background-color:#f8f8f8;}
.pricecheck_ok .con_td{background-color:#FFFFFF; text-align:left; padding-left:5px;}
.pricecheck_ok .tprice_td{background-color:#FFFFFF; text-align:left; padding-left:5px; color:#FF0000;}
.pricecheck_ok .border_Rno{border-right:none;}
.pricecheck_ok .border_Bno{border-bottom:none;}


/* 컨텐츠부분 - setp04번*/
#real_step04{position:relative; width:600px; margin-top:19px;}
#step04_title{position:relative; float:left; width:118px; height:29px; margin:0px 16px 0px 14px;}
#step04_content01{position:relative; display:inline-block; width:570px; margin:0px 16px 0px 14px;}
#step04_content02{position:relative; display:inline-block; width:570px; margin:15px 16px 0px 14px;}
#step04_content03{position:relative; display:inline-block; width:570px; margin:15px 16px 0px 14px;}
#stpe05_next{position:relative; text-align:right; line-height:200%; width:570px; margin:15px 16px 15px 14px;}

/* 컨텐츠부분 - setp05번*/
#real_step05{position:relative; width:600px; margin-top:19px;}
#step05_title{position:relative; float:left; width:114px; height:28px; margin:0px 16px 0px 14px;}
#step05_content01{position:relative; display:inline-block; width:570px; margin:0px 16px 0px 14px; border-top:2px solid #005db2;}

/* 컨텐츠부분 - setp06번*/
#real_step06{position:relative; width:600px; margin-top:19px;}
#step06_title{position:relative; float:left; width:114px; height:28px; margin:0px 16px 0px 14px;}
#step06_content01{position:relative; display:inline-block; width:570px; margin:0px 16px 0px 14px; border-top:2px solid #005db2;}
#step06_content02{position:relative; display:inline-block; width:570px; margin:21px 16px 0px 14px; border-top:2px solid #005db2;}

/* 컨텐츠부분 - setp07번*/
#real_step07{position:relative; width:600px; margin-top:19px;}
#step07_title{position:relative; float:left; width:114px; height:28px; margin:0px 16px 0px 14px;}
#step07_content01{position:relative; display:inline-block; width:570px; margin:0px 16px 0px 14px;}
#step07_content02{position:relative; display:inline-block; width:570px; margin:21px 16px 0px 14px;}

/*최종확인페이지*/
#confirm_01{position:relative; width:600px; margin-top:10px;}
#confirm01_content01{position:relative; display:inline-block; width:568px; margin:0px 16px 0px 14px; border-top:2px solid #005db2;}
#confirm_02{position:relative; display:inline-block; width:600px; margin-top:19px;}
#confirm02_content01{position:relative; display:inline-block; width:568px; margin:0px 16px 0px 14px; border-top:2px solid #005db2;}
#confirm_03{position:relative; display:inline-block; width:600px; margin-top:19px;}
#confirm_04{position:relative; width:600px; display:inline-block; margin-top:19px;}
#confirm02_title, #confirm03_title, #confirm04_title{position:relative; float:left; text-align:left; font-weight:bold; width:570px; height:20px; margin:0px 16px 0px 14px; color:#333;}
#confirm02_title img, #confirm03_title img, #confirm04_title img{margin-top:-3px;}

/*취소시 환불금액 및 은행정보입력박스*/
#calcell_bank{position:relative; width:600px; margin-top:10px;}
#calcell_content01{position:relative; display:inline-block; width:570px; margin:0px 16px 0px 14px; background-color:#f7f7f7;}
#calcell_next{position:relative; text-align:right; line-height:200%; width:570px; margin:5px 16px 15px 14px;}


/*외곽선만있는 큰 라인잡은 테이블*/
.one_table {float:left; width:570px; border:1px solid #eee;}
.one_table .title_td{height:30px; text-align:left; font-weight:bold; padding:7px 0px 0px 10px; color:#000;}
.one_table .title_td img{margin-top:-3px;}
.one_table .con_td{height:30px; text-align:left; line-height:150%; padding:7px 0px 10px 25px;}
.one_table .con_td .cancel_per_border{width:470px; border-top:2px solid #005db2;}
.one_table .textarea_td{text-align:left; line-height:150%; padding:0px 0px 10px 20px;}

/*환불테이블*/
.cancel_per {float:left; width:470px; border:1px solid #cecdc6;}
.cancel_per th{height:30px; background-color:#e3edf5; border-bottom:1px solid #cecdc6; border-right:1px solid #cecdc6; text-align:center;}
.calcel-per tr{border-bottom:1px solid #cecdc6;}
.cancel_per .title_td{height:30px; text-align:left; font-weight:bold; padding:7px 0px 0px 10px;  padding-left:11px;}
.cancel_per .content1_td{height:30px; background-color:#f8f8f8; text-align:left; padding-left:11px; border-bottom:1px solid #cecdc6; border-right:1px solid #cecdc6;}
.cancel_per .content2_td{height:30px; background-color:#FFF; text-align:left; padding-left:11px; border-bottom:1px solid #cecdc6;}
.cancel_per .border_Rno{border-right:none;}
.cancel_per .border_Bno{border-bottom:none;}

<!--우편번호검색페이지-->
#address_search{position:relative; width:454px;}
#add_title{position:relative; width:454px; height:40px; background:url(/skin/reserve/blue/image/address_bg.gif) left top repeat-x;}
#add_search{}
#add_contitle{}
#add_data{}



/* 카피라이트 */
#real_footer {clear:both; position:relative; width:600px; height:52px; border-top:1px solid #cfcfcf; margin-top:20px;}
#real_copy {width:585px; height:100%; text-align:right; padding:10px 15px 0 0;}

/*사용된글씨의 속성값모음*/
.font_336699{color:#336699;}  /*청색논폰트*/
.font_58931e{font-weight:bold; color:#58931e;}  /*녹색 굵은폰트*/
.font_007cc9{font-weight:bold; color:#007cc9;}  /*청색 굵은폰트*/
.font_ff6600{color:#ff6600;} /*컨텐츠내용*/
.font_FF0000{color:#FF0000;}
/*.font_120{font-size:120%;}*/

<!--객실정보관련-->
#room{position:relative; display:inline-block; width:635px;}
.one_table{position:relative; float:left; width:635px; height:316px; border:1px solid #cecdc6; margin:5px 5px; background-color:#FFFFFF;}
#room_img{position:relative; float:left; width:165px; margin-left:7px; background-color:#FFFFFF;}
#roomimg_title{position:relative; text-align:left; width:165px; height:16px; margin-top:9px;}
.text1{color:#008000; font-weight:bold; text-align:left;}
.text2{color:#000; text-align:left; padding-top:15px;}
#roomimg_img{position:relative;}

#room_info{position:relative; display:inline-block; float:left; width:410px; margin-left:14px;}
#roominfo_title{position:relative; text-align:left; width:410px; margin-top:7px;}
#roominfo_cell{position:relative; width:410px; height:3px; background-color:#9cb15b; margin-top:4px;}
#roominfo_info1{position:relative; width:410px;}
.roominfo_table{float:left; width:410px; border:1px solid #cdcdcd;}
.roominfo_table .title{background-color:#eaf0de; height:25px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.roominfo_table .cont{height:25px; background-color:#FFFFFF; padding-top:2px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.roominfo_table .roomname{color:#5e7e1c; background-color:#FFFFFF; line-height:12px; height:14px; padding-top:2px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.roominfo_table .border_Rno{border-right:none;}
.roominfo_table .border_Bno{border-bottom:none;}
.roominfo_table .border_RBno{border-bottom:none; border-right:none;}
#roominfo_cell1{position:relative; float:left; width:410px; height:3px; background-color:#9cb15b; margin-top:10px;}
#roominfo_info2{position:relative; display:inline-block; width:410px;}
.roominfo_table1{float:left; width:410px; border:1px solid #cdcdcd;}
.roominfo_table1 .title{background-color:#eaf0de; height:24px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.roominfo_table1 .cont{height:25px; background-color:#FFFFFF; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.roominfo_table1 .roomname{color:#5e7e1c; height:24px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.roominfo_table1 .border_Rno{border-right:none;}
.roominfo_table1 .border_Bno{border-bottom:none;}
.roominfo_table1 .border_RBno{border-bottom:none; border-right:none;}

#roominfo_icon{position:relative; text-align:left; width:410px; margin-top:10px;}
.pay_text{color:#ff6400;}

#close_btn{position:relative; text-align:right; width:410px; height:19px; margin-top:4px; margin-bottom:4px;}
